﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasertTemplates.Master" AutoEventWireup="true" CodeBehind="Membership.aspx.cs" Inherits="WebApplication.Membership" %>
<%@ Register TagPrefix="uc1" TagName="usermeg" Src="~/UserControl/UserMessageControl.ascx" %>
<%@ Register TagPrefix="uc1" TagName="MBtab" Src="~/UserControl/MeberShipTabUC.ascx" %>


<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<script type="text/javascript">

    $(document).ready(function () {
  

    })

</script>
<style type="text/css">
.membership-listing-table{ border-collapse:collapse;}    
.membership-listing-table td.first{ border-bottom:1px solid #888888;}
.membership-listing-table td{padding:5px 0;}
.membership-listing-table td.td8{ border-left:1px solid #888888; padding-left:10px;}
</style>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
  <input type="hidden" value="t1" id="pageName" />
   <div class="content-title"><h1>Activity > Membership> Activity Record</h1></div> 
         <div class="con-nav"><a href="#" class="btn"><span class="ui-icon ui-icon-newwin"></span>Add New Record</a>
               </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
<uc1:usermeg ID="usermeg" runat="server" ></uc1:usermeg> 
<div class="partWrap">
<uc1:MBtab ID="MBtabs" runat="server" />

		<div class="cpsl-div">	 
		<h4 class="title20">Contact Person<a href="javascript:return false;" class="MS-a" onClick="javascript:ToggleDocument('sl-div')">Select</a></h4>
		<div class="sl-div" id="sl-div">
		<table cellpadding="0" cellspacing="0" border="0" width="100%">
		<tr><td colspan="5"><div class="cl-div"><img class="imgclosed" src="../Media/Css/images/del-select.png" onClick="javascript:CloseDocument('sl-div')"></div></td></tr>
		<tr>
			<td><h5>Please select contact person</h5></td>
		</tr>
		<tr>
			<td><input type="checkbox" id=""><label for="">Contact person name Christmas name Attribute Job Nature</label></td>
		</tr>
		<tr>
			<td><input type="checkbox" id=""><label for="">Contact person name Attribute</label></td>
		</tr>
		<tr>
			<td><input type="checkbox" id=""><label for="">Contact person name Attribute</label></td>
		</tr>
		<tr>
			<td><a href="#">Add New Contact Person</a></td>
		</tr>
		</table>
		</div>
        </div>
		  
	    <table cellpadding="0" cellspacing="0" border="0" width="100%" class="MS-table">
		<tbody>
		<tr>
			<td>Contact Person name</td>
			<td>Christams name</td>
			<td>Attribute(Person in-charge)</td>
			<td>Job Nature(manager)</td>
			<td></td>
		</tr>
		<tr>
			<td colspan="2">Direct Tel:(852) 88888888;(852) 88888888</td>
			<td colspan="2">Direct Fax:(852) 88888888;(852) 88888888</td>
			<td>Facebook Email: judy@imakertechnology.com; judy@imakertechnology.com;</td>
		</tr>
		<tr><td class="tdh20"></td></tr>
			<tr>
			<td>Contact Person name</td>
			<td>Christams name</td>
			<td>Attribute(Person in-charge)</td>
			<td>Job Nature(manager)</td>
			<td></td>
		</tr>
		<tr>
			<td colspan="2">Direct Tel:(852) 88888888;(852) 88888888</td>
			<td colspan="2">Direct Fax:(852) 88888888;(852) 88888888</td>
			<td>Facebook Email: judy@imakertechnology.com; judy@imakertechnology.com;</td>
		</tr>
		<tr><td class="tdh20"></td></tr>
			<tr>
			<td>Contact Person name</td>
			<td>Christams name</td>
			<td>Attribute(Person in-charge)</td>
			<td>Job Nature(manager)</td>
			<td></td>
		</tr>
		<tr>
			<td colspan="2">Direct Tel:(852) 88888888;(852) 88888888</td>
			<td colspan="2">Direct Fax:(852) 88888888;(852) 88888888</td>
			<td>Facebook Email:judy@imakertechnology.com;judy@imakertechnology.com;</td>
		</tr>
		<tr><td class="tdh20"></td></tr>
		</tbody>
	    </table>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<%--<td>
 <p class="upinput">Customer</p>
	  <input type="text" class="input200" value="CustomerID/ Customer name"/>
</td>--%>
<td>
  <p class="upinput">Customer Type</p>
   <input type="text" class="input200" value=""/>
	   <%-- <select class="select200" >
         <option></option>       
      </select>--%>
</td>
<td>
   <p class="upinput">Membership Status</p>	
      <select class="select200" >
         <option>Active</option>
         <option>Terminated</option>
         <option>Expiry</option>
         <option>Withdraw</option> 
      </select>
</td>
</tr>
<tr>
<td>
   <p class="upinput">Join Date	</p>
	  <input type="text" class="input200"  value="Dd-mmm-yyyy"    />
</td>
<td>
   <p class="upinput">Termination Date</p>
	  <input type="text" class="input200" value="Dd-mmm-yyyy"    />
</td>
<td>
   <p class="upinput">Withdrawal Date</p>
	  <input type="text" class="input200"   value="Dd-mmm-yyyy"  />

</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>

<table border="0" cellspacing="0" cellpadding="0">
<thead>
<tr>
<td colspan="3">Referral Record</td>
</tr>
</thead>
<tr>
<td width="30">1.01 </td>
<td width="100">Jan 2009</td>
<td><a href="#">A company</a></td>
</tr>
<tr>
<td>2.01 </td>
<td> May 2009</td>
<td><a href="#">B company</a></td>
</tr>
<tr>
<td>3.01</td>
<td>Jun 2009</td>
<td><a href="#">C company</a></td>
</tr>
</table>

<h4 class="title20">Membership Fee</h4>
<table width="100%" border="0"  background="#cccccc" cellspacing="1" cellpadding="0" class="membership-listing-table" >
<thead>
<tr>
<td class="first">Currency</td>
<td class="first">Annual Fee</td>
<td class="first">No. of Renewal Month</td>
<td class="first">Amount</td>
<td class="first">Discount</td>
<td class="first">Referral Discount</td>
<td class="first">Admission</td>
<td class="first td8">Final Amount</td>
</tr>
</thead>
<tbody>
<tr>
<td>
<select >
<option>HKD</option>
</select>
</td>
<td>HKD 2,500</td>
<td>
<select >
<option>34</option>
</select>
</td>
<td>HKD 7,083</td>
<td>
<select >
<option>20%</option>
</select>
</td>
<td>60%</td>
<td>0</td>
<td class="td8">4,417</td>
</tr>
</tbody>
</table>

<div class="clear20"></div>

<%--<h4 class="title20">Remarks</h4>--%>
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
   <td>
   <textarea class="textarea800">Remarks</textarea>
   </td>
</tr>
<tr><td height="20"></td></tr>
<tr>
   <td class="checkbox-wrap">
   <input type="checkbox" id="ar" /> <label for="ar">Approved By GC
</label>
   </td>
</tr>
</tbody>
</table>
<div class="clear20"></div>
    <table  border="0" cellspacing="0" cellpadding="0" class="btnwrap">
			  <tr>
				<td  class="btnwrapl">
				 <ul class="uibtn">
    	              <li><span>Save</span></li>
	             </ul>
				</td>
				<td class="btnwrapr">
				 <ul class="uibtn">
    	           <li ><span>Quit</span></li>
	              </ul>
				</td>
                <td >
                </td>				
			  </tr>
			</table>
</div>
</asp:Content>
